<div class="status-slider">
  <nav>
    <button class="btn btn-primary" (click)="toggle()">Toggle Status</button>
  </nav>
  
  <div [@slideStatus]="status" class="box">
    {{ status == 'active' ? 'Active' : 'Inactive' }}
  </div>
</div>
